@media (max-width: 1024px) {
            .div_for_main_of_project_cards { grid-template-columns: repeat(2, 1fr); }
        }

        @media (max-width: 650px) {
            .div_for_main_of_project_cards { grid-template-columns: 1fr; }
            .div_for_heading_or_filter_that_have_js_functionality { gap: 10px; }
            .div_for_1st_filter, .div_for_2nd_filter, .div_for_3rd_filter, .div_for_4th_filter, .div_for_5th_filter {
                flex: 1 1 40%;
                font-size: 12px;
            }
        }